<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>


        // 向服务器请求数据的过程



        // // 1 创建一个http请求
        // const xhr = new XMLHttpRequest();
        // console.log(xhr);
        // // 2 确定请求方式 , 地址    是否异步
        // //    open(请求方式 ， 请求地址 ， 是否异步)
        // xhr.open('get/post', '路径', true);
        // // 3 出发
        // xhr.send();
        // // 4 等待  状态改变
        // xhr.onreadystatechange = function () {
        //     // 接收结果
        // }



        // xhr.status  是服务端返回的状态码


        // xhr.readyState  请求时的状态码   --- 正常情况下  会从0-4
        // 0   未载入
        // 1   表示配置信息已经完成
        // 2   发送请求中
        // 3   服务器正在接收
        // 4   服务器接收完成



        const xhr = new XMLHttpRequest();
        // console.log(xhr.readyState);
        xhr.open('get', '../data/1.txt', true);
        // console.log(xhr.readyState);   // 1
        xhr.send();
        // console.log(xhr.readyState);   // 1
        xhr.onreadystatechange = function () {
            // console.log(xhr.readyState);
            // 请求如果是成功的   才可以拿到数据
            if (xhr.readyState === 4 && xhr.status === 200) {
                console.log(xhr.responseText);
            }
        }



    </script>

</body>

</html>